All Questions
Tagged with google-chrome-devtoolsreactjs
306 questions
0votes
0answers
106views
How do I troubleshoot Chrome/Edge errors without a stack trace?
I am getting an error: Uncaught ResizeObserver loop completed with undelivered notifications. I have no stack trace for this error, and I am not using ResizeObserver in my ReactJS application. ...
-2votes
1answer
77views
Count of duplicate console.log() resets when called from a different element [closed]
I have the following code: import ReactDOM from 'react-dom/client'; import { useState, useEffect } from 'react'; const App = () => { useEffect(() => { console.log('Render'); }); const [...
0votes
0answers
30views
How to load chrome instance in development mode in React
I am building a chrome extension and using chrome.bookmarks api. When I do console.log(chrome.bookmarks) it logs undefined in normal development mode. When I load using load unpacked extensions, it ...
0votes
0answers
54views
How to see styling of a mui class applied to an element?
I use material ui components as part of a react project. After the code is loaded onto the browser, I see 3 classes applied to the <p> tag element that I am looking at. I also applied some ...
1vote
0answers
48views
Sourcemap enabled but stacktrace is only showing me the line + column number in the *.chunk.js file
I am getting an error from New Relic but it collects the stack trace from the bundle. I have enabled the source maps and can see the source code in the Chrome when I do Ctrl-P in the Source tab. How ...
21votes
3answers
3kviews
Chrome DevTools Debugger freezing once it hits breakpoint
I have recently started working on a ReactJS webapp codebase that is bit out-dated and currently being tasked to modernize by upgrading to latest versions of dependencies and NodeJS 14 to LTS. The ...
3votes
5answers
129views
cookie sent from node backend but not shown on application tab
I am sending cookie in response from node backend to my frontend after jwt signing. In the network tab on frontend , the set-cookie is visible and the cookie is been shown , but in the application tab ...
1vote
0answers
153views
Debugging and finding source code of an onclick event handler in a React and Webpack project in Chrome Dev Tools
I'd like to debug a logic-related bug on a React website. The site is not responding as expected when the user clicks on a button. Is there an efficient way of finding where the onclick function is ...
0votes
0answers
21views
Chrome Dev Tools 1024px breakpoint not working on Responsive
I have added a breakpoint for lg devices such that the hamburger menu appears for screens smaller than lg. However, on chrome dev tools, when the width is 1024, the hamburger menu is already triggered....
2votes
1answer
859views
Interpreting Chrome memory tool's results for a memory leak?
I'm pretty sure I have a memory leak. When I perform certain actions (e.g. opening a menu) repeatedly, then use the 3 heap snapshots trick, there's always leaked memory. The retainers are different ...
0votes
1answer
809views
VM366:1 Warning: input: `ref` is not a prop. Trying to access it will result in `undefined` being returned
I try to use React and got the warnging message when only click the button in the first time. And I ask chatGPT, it said all my codes are as expected. Should not have this warnings. // App.js import ...
1vote
0answers
277views
Chrome devtools extremely slow using React Native Hermes
Steps to reproduce: npx expo run:ios --device Choose any device or simulator Run app + JS debug Observe Chrome dev tools is extremely slow. What could the issue be? React native: 0.72.5 Expo: 49.0....
1vote
0answers
142views
Improving React app runtime performance using Chrome's dev tools analyzer
I am trying to improve runtime performance but I am having a hard nut to crack trying to understand the used/unused piece of code highlight tool in Chrome's dev tools. From what I understand, we ...
0votes
1answer
60views
What does this computed CSS mean?
I have a component that can either be open or closed. Depending on this state an attribute is added to the component accordingly (e.g. data-state=open). The component applies some inline CSS using ...
0votes
1answer
81views
My parcel React website on localhost takes 10 seconds time when opened with chrome inspect tab and loads quickly when inspect tab is not opened
I am learning react from namaste react course of akshay saini. I created 2 files. Index.html script.js Then i initiated npm init. After that i added parcel to it and then ran the npx parcel index.html ...